<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <title>遂宁预警平台</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="public/images/logo.ico">
    <link rel="stylesheet" href="./css/vendor/bootstrap/dist/bootstrap.css">
    <link rel="stylesheet" href="./css/vendor/toastr/toastr.min.css">
    <link rel="stylesheet" href="./js/vendor/layui/css/layui.css">
    <link rel="stylesheet" href="./css/vendor/Animate.css">
    <link rel="stylesheet" href="./css/basic.css">
    <link rel="stylesheet" href="./css/vendor/font_awesome/css/font-awesome.css">
    <link rel="stylesheet" href="http://120.24.241.113:8080/arcgis_js_api/library/3.14/3.14/esri/css/esri.css">

    <link rel="stylesheet" href="./css/zhouhai.css">
</head>

<body id="app" oncontextmenu="forbidContextMenu()">
    <div id="map">

        <div class="layui-btn-group" style="position:absolute;z-index:999;right:12px;top:20px;">
            <button class="layui-btn layui-btn-primary" style="background-color:#4791E0;color:white;" onclick="baseView()">全图</button>
            <button class="layui-btn layui-btn-primary" style="background-color:#4791E0;color:white;" onclick="celiangtest(map,'polyline',true)">测距离</button>
            <button class="layui-btn layui-btn-primary" style="background-color:#4791E0;color:white;" onclick="celiangtest(map,'polygon',true)">测面积</button>
            <button class="layui-btn layui-btn-primary" style="background-color:#4791E0;color:white;" onclick="squareSelect('line', map, grahpiclayer)">框选</button>
            <button class="layui-btn layui-btn-primary" style="background-color:#4791E0;color:white;" onclick="squareSelect('polygon', map, grahpiclayer)">画面选择</button>
            <button class="layui-btn layui-btn-primary" style="background-color:#4791E0;color:white;" onclick="celiangtest(map,'point',false)">绘制点</button>
            <button class="layui-btn layui-btn-primary" style="background-color:#4791E0;color:white;" onclick="celiangtest(map,'polyline',false)">绘制线</button>
            <button class="layui-btn layui-btn-primary" style="background-color:#4791E0;color:white;" onclick="celiangtest(map,'polygon',false)">绘制面</button>

        </div>

        <div class="layui-form-item" style="position:absolute;z-index:999;left:100px;top:20px;">
            <div class="layui-inline">
                <label class="layui-form-label" style="color:black;padding: 0px 15px;">请输入经纬度</label>
                <div class="layui-input-inline" style="width: 100px;">
                    <input id='xx' type="text" name="price_min" placeholder="经度" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 100px;">
                    <input id='yy' type="text" name="price_max" placeholder="纬度" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 100px;">
                    <input id='zoom' type="text" name="price_max" placeholder="级别" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 100px;">
                    <button class="layui-btn layui-btn-primary" style="background-color:#4791E0;color:white;" onclick="zoomToPoint()">定位</button>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        dojoConfig = {
            parseOnLoad: true,
            packages: [{
                name: 'tdlib',
                location: this.location.pathname.replace(/\/[^/]+$/, "") + "/js/tdlib"
            }]
        };
    </script>
    <script src="./js/vue.min.js"></script>
    <script src="./js/vendor/jquery.min.js"></script>
    <script src="./js/vendor/bootstrap/dist/bootstrap.js"></script>
    <script src="./js/vendor/catpl.js"></script>
    <script src="./js/vendor/toastr/toastr.min.js"></script>
    <script src="./js/vendor/layui/layui.all.js"></script>
    <script src="http://120.24.241.113:8080/arcgis_js_api/library/3.14/3.14/init.js"></script>

    <script src="./js/Hawkeye.js"></script>
    <script src="./js/zhouhai.js"></script>
    <script>
        //禁止右键菜单
        function forbidContextMenu() {
            window.event.returnValue = false;
            return false;
        }

        // var app = new Vue({
        //     el: "#app",
        //     data: {
        //         data: []
        //     },
        //     methods: {},
        //     created: function() {
        //     }
        // });
    </script>
</body>

</html>